<link href="__CDN__/assets/addons/baiduwebtongji/css/main.css?v={$site.version}" rel="stylesheet">
<div class="row">
    <div class="col-sm-12">
        <div class="box box-success">
            <div class="panel-heading">
                <label>今日流量</label>
            </div>
            <div class="panel-body" style="padding-top:0;">
                <table class="table-getoutline">
                    <thead>
                        <tr class="title">
                            <th></th>
                            <th class="text-right">浏览量(PV)</th>
                            <th class="text-right">访客数(UV)</th>
                            <th class="text-right">IP数</th>
                            <th class="text-right">跳出率</th>
                            <th class="text-right">平均访问时长</th>
                            <th class="text-right">转化次数</th>
                        </tr>
                    </thead>
                    <tbody class="getoutline-tbody"></tbody>
                </table>
                <div class="fold">
                    <a href="javascript:void(0)" id="TogglePreviewTableBtn" targets=".fade" class="toggleable recordable trackable getoutline-close"></a>
                </div>
            </div>
        </div>
        <div class="white-bg">
            <a href="javascript:location.reload();" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
            <div class="btn-group btn-group-sm" role="group">
                <button type="button" class="btn btn-default ajax-btn" id="tody">今天</button>
                <button type="button" class="btn btn-default ajax-btn" id="yest">昨天</button>
                <button type="button" class="btn btn-default ajax-btn" id="week">最近7天</button>
                <button type="button" class="btn btn-default ajax-btn" id="month">最近30天</button>
            </div>
        </div>
        <div class="overview-gap"></div>
        <div class="row">
            <div class="col-sm-6">
            	<div class="box box-success">
	                <div class="panel-body tongji_box">
	                    <div class="title clearfix">
	                        <div class="l">趋势分析</div>
	                    </div>
	                    <div class="echarts text-center" id="echarts-line-chart" style="height:330px;width: auto;">
	                        <span style="line-height: 330px;">
	                            <i class="fa fa-spin fa-spinner" aria-hidden="true"></i>&nbsp;&nbsp;数据获取中...
	                        </span>
	                    </div>
	                </div>
	            </div>
            </div>
            <div class="col-sm-6">
                <div class="box box-success">
                    <div class="panel-body tongji_box">
                        <div class="title clearfix">
                            <div class="l">新老访客</div>
                        </div>
                        <table data-mobile-responsive="true" class="table small tongji-table">
                            <thead>
                                <tr style="margin-top: 18px;margin-bottom: 33px;">
                                    <th class="visit-type-icon no-borders" width="33%">
                                        <div></div>
                                    </th>
                                    <th class="no-borders no-padding" width="33%">
                                        <div class="ibox-content">
                                            <h3>新访客</h3>
                                            <h1 class="text-navy new_ratio"><span>--</span>%</h1>
                                        </div>
                                    </th>
                                    <th class="no-borders no-padding" width="33%">
                                        <div class="ibox-content">
                                            <h3>老访客</h3>
                                            <h1 class="text-navy old_ratio"><span>--</span>%</h1>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="tongji-tbody">
                                <tr>
                                    <td>浏览量</td>
                                    <td class="new_pv_count">--</td>
                                    <td class="old_pv_count">--</td>
                                </tr>
                                <tr>
                                    <td>访客数</td>
                                    <td class="new_visitor_count">--</td>
                                    <td class="old_visitor_count">--</td>
                                </tr>
                                <tr>
                                    <td>跳出率</td>
                                    <td class="new_bounce_ratio">--</td>
                                    <td class="old_bounce_ratio">--</td>
                                </tr>
                                <tr>
                                    <td>平均访问时长</td>
                                    <td class="new_avg_visit_time">--</td>
                                    <td class="old_avg_visit_time">--</td>
                                </tr>
                                <tr>
                                    <td>平均访问页数</td>
                                    <td class="new_avg_visit_pages">--</td>
                                    <td class="old_avg_visit_pages">--</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="box box-success">
                    <div class="panel-body tongji_box">
                        <div class="title clearfix">
                            <div class="l">Top10搜索词</div>
                            <div class="r">
                                <a class="detail-report-btn" href="{:url('baiduwebtongji/searchword')}">&nbsp;</a>
                            </div>
                        </div>
                        <table class="table table-overview">
                            <thead>
                                <tr>
                                    <td>搜索词</td>
                                    <td width='20%' class="text-right">浏览量(PV)</td>
                                    <td width='20%' class="text-left ratio">占比</td>
                                </tr>
                            </thead>
                            <tbody class="visit-overview-tbody" id="word"></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="box box-success">
                    <div class="panel-body tongji_box">
                        <div class="title clearfix">
                            <div class="l">Top10来源网站</div>
                            <div class="r">
                                <a class="detail-report-btn" href="{:url('baiduwebtongji/source')}">&nbsp;</a>
                            </div>
                        </div>
                        <table class="table table-overview">
                            <thead>
                                <tr>
                                    <td>来源网站</td>
                                    <td width='20%' class="text-right">浏览量(PV)</td>
                                    <td width='20%' class="text-left ratio">占比</td>
                                </tr>
                            </thead>
                            <tbody class="visit-overview-tbody" id="sourceSite"></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="box box-success">
                    <div class="panel-body tongji_box">
                        <div class="title clearfix">
                            <div class="l">Top10入口页面</div>
                        </div>
                        <table class="table table-overview">
                            <thead>
                                <tr>
                                    <td>入口页面</td>
                                    <td width='20%' class="text-right">浏览量(PV)</td>
                                    <td width='20%' class="text-left ratio">占比</td>
                                </tr>
                            </thead>
                            <tbody class="visit-overview-tbody" id="landingPage"></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="box box-success">
                    <div class="panel-body tongji_box">
                        <div class="title clearfix">
                            <div class="l">Top10受访页面</div>
                            <div class="r">
                                <a class="detail-report-btn" href="{:url('baiduwebtongji/toppage')}">&nbsp;</a>
                            </div>
                        </div>
                        <table class="table table-overview">
                            <thead>
                                <tr>
                                    <td>受访页面</td>
                                    <td width='20%' class="text-right">浏览量(PV)</td>
                                    <td width='20%' class="text-left ratio">占比</td>
                                </tr>
                            </thead>
                            <tbody class="visit-overview-tbody" id="visitPage"></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__CDN__/assets/addons/baiduwebtongji/js/echarts-all.js"></script>
<script>
    var url_getoutline='{:url("baiduwebtongji/baiduapi/getOutline")}';
    var url_gettimetrendrpt='{:url("baiduwebtongji/baiduapi/getTimeTrendRpt")}';
    var url_getcommontrackrpt='{:url("baiduwebtongji/baiduapi/getCommonTrackRpt")}';
    var bdtj_show="{$bdtj_show}";
</script>